/**
 * 影院页面
 * 尹广超
 */
var bb=[];
var cinema={
    // 请求影院列表数据
    getCinamList:function(){
        var self=this;
        var url='http://huruqing.cn:3000/api/cinema/getList';
        $.ajax({
            type:'get',
            url:url,
            data:{

            },
            dataType:'json',
            success:function(res){
                console.log(res)
                if(res.code==='666'){
                    self.render(res.cinemas)
                    bb = res.cinemas
                }else{
                    alert(res.msg)
                }
               
            }
        })
    },
    // 2.渲染影院列表
    render:function(list){
        var str='';
        list.forEach(function(itme){
            str+=`<div class="ww">
                    <div class="one jsc-sb flex">
                        <p class="mt-10 ml-10 f16">${itme.name}</p>
                        <p class="mt-10 mr-10 cr f10">¥69起</p>
                    </div>
                    <div class="two jsc-sb flex">
                        <p class="mt-10 ml-10 f12">${itme.address}</p>
                        <p class="mt-10 mr-10 f14">距离未知</p>
                    </div>
                </div>`
        })
        document.querySelector('#list').innerHTML=str;
    },
    // 显示和关闭区域
    showArea(){
        // 判断标签 #area是否含有dsn，有就去掉，没有就加上，
        // 获取area的节点
        var $area=document.querySelector('#area');

        if($area.className.includes('dsn')){
            $area.className="wer abs "
        }else{
            $area.className="wer abs dsn"
        }
    },
    selectArea(){
        // 把所有的li的act给去掉
        var $lis=document.querySelectorAll('#area ul li a')
        for(var i=0;i<$lis.length;i++){
            $lis[i].className='';
        }
        var $li=event.target
        $li.className=$li.className + ' act';


        // 实现值对应的地区
        var str=$li.innerText;
        // debugger
         var tt=bb.filter(function(item){
           return item.areaName===str;
        })
        if(str==='全部'){
            this.render(bb)
        }else{
            this.render(tt)
        }
        var sst=document.querySelector('#area')  
        sst.className='dsn'
    }
}
cinema.getCinamList()
